/*
 * Jobs for Me - CSS for Tabs and Canevas
 * @copyright Jobs 4 School
 ***/

/*
 * FRAMEWORK LAYOUT JPATH =======================================
 ***/

/* Float */ .fleft { float:left !important; } .fright { float:right !important; } .fnone { float:none !important; }
/* Position */ .relative { position:relative !important; }
/* Z-index */ .z-index1 { z-index:1; }
/* Margin */ .first { margin-top:0px;} .no-ma { margin:0 !important; } .mt0 { margin-top:0 !important; } .mr0 { margin-right:0 !important; } .ml0 { margin-left:0 !important; } .mb0 { margin-bottom:0 !important; } .ma0 { margin:0 !important; } .mt05 { margin-top:0.5em !important; } .mr05 { margin-right:0.5em !important; } .ml05 { margin-left:0.5em !important; } .mb05 { margin-bottom:0.5em !important; } .ma05 { margin:0.5em !important; } .mt1 { margin-top:1em !important; } .mr1 { margin-right:1em !important; } .ml1 { margin-left:1em !important; } .mb1 { margin-bottom:1em !important; } .ma1 { margin:1em !important; } .mt2 { margin-top:2em !important; } .mr2 { margin-right:2em !important; } .ml2 { margin-left:2em !important; } .mb2 { margin-bottom:2em !important; } .ma2 { margin:2em !important; } .mt3 { margin-top:3em !important; } .mr3 { margin-right:3em !important; } .ml3{ margin-left:3em !important; } .mb3 { margin-bottom:3em !important; } .ma3 { margin:3em !important; } .mt4 { margin-top:4em !important; } .mr4 { margin-right:4em !important; } .ml4 { margin-left:4em !important; } .mb4 { margin-bottom:4em !important; } .ma4 { margin:4em !important; } .mt5 { margin-top:5em !important; } .mr5 { margin-right:5em !important; } .ml5 { margin-left:5em !important; } .mb5 { margin-bottom:5em !important; } .ma5{ margin:5em !important; } .mt6 { margin-top:6em !important; } .mr6 { margin-right:6em !important; } .ml6 { margin-left:6em !important; } .mb6 { margin-bottom:6em !important; } .ma6 { margin:6em !important; } .mt7 { margin-top:7em !important; } .mr7 { margin-right:7em !important; } .ml7 { margin-left:7em !important; } .mb7 { margin-bottom:7em !important; } .ma7 { margin:7em !important; } .mt8 { margin-top:8em !important; } .mr8 { margin-right:8em !important; } .ml8 { margin-left:8em !important; } .mb8 { margin-bottom:8em !important; } .ma8 { margin:8em !important; }
/* Padding */ .no-pa { padding:0 !important; } .pa0 { padding:0 !important; } .pt0 { padding-top:0 !important; } .pr0 { padding-right:0 !important; } .pl0 { padding-left:0 !important; } .pb0 { padding-bottom:0 !important; } .pt01 { padding-top:0.1em !important; } .pr01 { padding-right:0.1em !important; } .pl01 { padding-left:0.1em !important; } .pb01 { padding-bottom:0.1em !important; } .pa01 { padding:0.1em !important; } .pt05 { padding-top:0.5em !important; } .pr05 { padding-right:0.5em !important; } .pl05 { padding-left:0.5em !important; } .pb05 { padding-bottom:0.5em !important; } .pa05 { padding:0.5em !important; } .pt1 { padding-top:1em !important; } .pr1 { padding-right:1em !important; } .pl1 { padding-left:1em !important; } .pb1 { padding-bottom:1em !important; } .pa1 { padding:1em !important; } .pt2 { padding-top:2em !important; } .pr2 { padding-right:2em !important; } .pl2 { padding-left:2em !important; } .pb2 { padding-bottom:2em !important; } .pa2 { padding:2em !important; } .pt3 { padding-top:3em !important; } .pr3 { padding-right:3em !important; } .pl3{ padding-left:3em !important; } .pb3 { padding-bottom:3em !important; } .pa3 { padding:3em !important; } .pt4 { padding-top:4em !important; } .pr4 { padding-right:4em !important; } .pl4 { padding-left:4em !important; } .pb4 { padding-bottom:4em !important; } .pa4 { padding:4em !important; } .pt5 { padding-top:5em !important; } .pr5 { padding-right:5em !important; } .pl5 { padding-left:5em !important; } .pb5 { padding-bottom:5em !important; } .pa5{ padding:5em !important; } .pt6 { padding-top:6em !important; } .pr6 { padding-right:6em !important; } .pl6 { padding-left:6em !important; } .pb6 { padding-bottom:6em !important; } .pa6 { padding:6em !important; } .pt7 { padding-top:7em !important; } .pr7 { padding-right:7em !important; } .pl7 { padding-left:7em !important; } .pb7 { padding-bottom:7em !important; } .pa7 { padding:7em !important; } .pt8 { padding-top:8em !important; } .pr8 { padding-right:8em !important; } .pl8 { padding-left:8em !important; } .pb8 { padding-bottom:8em !important; } .pa8 { padding:8em !important; }
/* Border */ .border1grey1 { border:solid 1px #eee !important; } .border1grey2 { border:solid 1px #ddd !important; }
/* Clear */ .cll { clear:left !important; } .clr { clear:right !important; } .clb { clear:both !important; }
/* Blocs */ div.bloc { float:left; } div.out25 { width:25%; } div.out40 { width:40%; } div.out33 { width:33%; } div.out50 { width:50%; } div.out60 { width:59%; } div.out66 { width:66%; } div.out75 { width:75%; } div.bloc div.bloc-in { padding:0 1em; } div.bloc div.bloc-in-first { padding-right:1em; } div.bloc div.bloc-in-last { padding-left:1em; }
/* Width */ .width100 { width:100% } .width50 { width:50% } .width60 { width:60% }
/* Vertical-align */ .valign-top, .valign-top label, .valign-top input { vertical-align:top !important; } .valign-sub, .valign-sub input, .valign-sub label { vertical-align:sub !important; } .valign-baseline, .valign-baseline input, .valign-baseline label, .valign-baseline select { vertical-align:baseline !important; } .valign-tbottom, .valign-tbottom input, .valign-tbottom label { vertical-align:text-bottom !important; } .valign-middle, .valign-middle input, .valign-middle label, .valign-middle select, .valign-middle img { vertical-align:middle !important; } .valign-bottom { vertical-align:bottom !important; } .valign-text-top { vertical-align:text-top !important; }
/* Text-align */.text-center { text-align:center !important; } .text-left { text-align:left !important; } .text-right { text-align:right !important; }
/* Font weight */ .font-normal { font-weight:normal !important; } .font-bold { font-weight:bold !important; }
/* Size */ .font-size8 { font-size:8px !important; } .font-size9 { font-size:9px !important; } .font-size10 { font-size:10px !important; } .font-size11 { font-size:11px !important; } .font-size12 { font-size:12px !important; } .font-size13 { font-size:13px !important; } .font-size14 { font-size:14px !important; } .font-size15 { font-size:15px !important; } .font-size16 { font-size:16px !important; } .font-size17 { font-size:17px !important; } .font-size18 { font-size:18px !important; } .font-size19 { font-size:19px !important; } .font-size20 { font-size:20px !important; } .font-size21 { font-size:21px !important; } .font-size22 { font-size:22px !important; } .font-size23 { font-size:23px !important; } .font-size24 { font-size:24px !important; } .font-size25 { font-size:25px !important; } .font-size26 { font-size:26px !important; } .font-size27 { font-size:27px !important; } .font-size28 { font-size:28px !important; } .font-size29 { font-size:29px !important; } .font-size30 { font-size:31px !important; } .font-size31 { font-size:32px !important; } .font-size32 { font-size:33px !important; } .font-size33 { font-size:34px !important; } .font-size34 { font-size:35px !important; } .font-size35 { font-size:36px !important; } .font-size36 { font-size:37px !important; }
/* Opacity */ .opacity { opacity:0.8; filter:alpha(opacity=80); } .opacity01 { opacity:0.1; filter:alpha(opacity=10); } .opacity02 { opacity:0.2; filter:alpha(opacity=20); } .opacity03 { opacity:0.3; filter:alpha(opacity=30); } .opacity04 { opacity:0.4; filter:alpha(opacity=40); } .opacity05 { opacity:0.5; filter:alpha(opacity=50); } .opacity06 { opacity:0.6; filter:alpha(opacity=60); } .opacity07 { opacity:0.7; filter:alpha(opacity=70); } .opacity08 { opacity:0.8;filter:alpha(opacity=80); } .opacity09 { opacity:0.9; filter:alpha(opacity=90); } .opacity:hover, .opacity01:hover, .opacity02:hover, .opacity03:hover, .opacity04:hover, .opacity05:hover, .opacity06:hover, .opacity07:hover, .opacity08:hover, .opacity09:hover { opacity:1; filter:alpha(opacity=100); }
/* Links */ .no-deco, .no-deco:hover { text-decoration:none; }


/*
 * GLOBAL =======================================
 ***/

body { margin:0; padding:0; font-family:"lucida grande", "Tahoma", "MS Sans Serif", "Microsoft Sans Serif", "MS Serif",sans-serif !important; font-size:11px; text-align:left; color:#333; overflow:hidden; }
p, ul, ol, li, dl, dd, dt,
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family:"lucida grande","Tahoma","MS Sans Serif","Microsoft Sans Serif","MS Serif",sans-serif !important; text-align: left; color : #333333}
table, th, td { font-family:"lucida grande","Tahoma","MS Sans Serif","Microsoft Sans Serif","MS Serif",sans-serif !important; font-size:11px; text-align:left; color:#333 }
h1 { font-size:24px; margin-bottom:1em; font-weight:normal; }
h1.bold { color:#203360; font-weight:bold; }
h2 { font-size: 18px; margin:1em 0; }
h3 { font-size:11px; background-color:#ECEFF5; border-top:1px solid #94A3C4; overflow:hidden; padding:5px 8px; position:relative; margin:1em 0; }
h3.grey { background-color:#f2f2f2; border-color:#e2e2e2; }
h4 { font-size: 13px; margin-bottom:0.5em; }
h5 { color:#666; font-weight:normal; font-size:17px; letter-spacing:1px; margin-bottom:1em; text-align:center; }
p { margin:1em 0; text-align:left; font-size:11px; line-height:1.4em; }
a { color: #3b5998; text-decoration:none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border:none }
ul{margin:0px 0 0 12px;padding-left:10px}
ul li{list-style-type:square;}
hr { border:solid 0 #fff; border-bottom:solid 1px #eee; clear:both; height:0px; padding-top:6px; background-color:transparent; }
hr.dashed { border-style:dashed; }
hr.dotted { border-style:dotted; }
ol {margin-top : 1em; padding : 0 0 0 40px}
ol li {padding-bottom : 1em}
.FB_fontGrey { color:#666 !important; }

/*
 * LOADERS =======================================
 ***/

/* Big Loader */
.loader, /* By default */
.loader_admin,
.loader_payment,
.loader_contacts { background-image:url("/images/ajax-loader.gif"); background-repeat:no-repeat; width:32px; height:32px; }
.loader_admin { margin:15em auto 10em; padding-bottom:163px; }
.loader_payment { margin:15em 0 10em; padding-bottom:55px; }
.loader_contacts { margin:7em 0 1em; padding-bottom:55px; }

/* Mini Loader */
.loaderMini { background:url('/images/loader-mini.gif') no-repeat; height:11px; width:16px; display:inline-block; vertical-align:middle; padding:0 !important; }
.loaderMini_hidden { background-image:none; height:11px; width:16px; display:inline-block; vertical-align:middle; }


/*
 * DIALOGS =======================================
 ***/

.dialog_content img { float : left; margin : 10px 10px 10px 0}
.dialog_content img + div { margin-left : 110px }

/* Pop-in */
.fb_reset div { line-height:normal; }
.fb_dialog{}
    .fb_dialog .content { border-color:#555555; border-style:solid; border-width:0 1px 1px 1px; }
    .fb_dialog h2.title { padding:5px 10px; background-color:#6D84B4; border-color:#3B5998; border-style:solid solid none;  border-width:1px 1px medium; color:#FFFFFF; font-size:14px; font-weight:bold; margin:0; }
    .fb_dialog h2.secure { background: url("/images/icon_dialog_lock.gif") no-repeat scroll 98% 50% #6D84B4; }
    .fb_dialog .body { padding:10px; }
    .fb_dialog .buttons { background-color: #F2F2F2; border-top: 1px solid #CCCCCC; padding: 8px 10px; text-align:right; clear:both; }
    .fb_dialog .buttons .vtns_button { font-size:13px; margin-left:4px; }

/* styles for dialogs in tab context */
.uiButtonLarge, .uiButtonLarge .uiButtonText, .uiButtonLarge input { font-size:13px }

/* hide dialog borders in IE6 */
.fb_dialog_legacy {}
    .fb_dialog_legacy .fb_dialog_vert_left,
    .fb_dialog_legacy .fb_dialog_vert_right,
    .fb_dialog_legacy .fb_dialog_horiz_top,
    .fb_dialog_legacy .fb_dialog_horiz_bottom,
    .fb_dialog_legacy .fb_dialog_bottom_left,
    .fb_dialog_legacy .fb_dialog_bottom_right,
    .fb_dialog_legacy .fb_dialog_top_left,
    .fb_dialog_legacy .fb_dialog_top_right { display:none }
    /* show dialog borders in IE 8+ */
    .fb_dialog_legacy > .fb_dialog_vert_left,
    .fb_dialog_legacy > .fb_dialog_vert_right,
    .fb_dialog_legacy > .fb_dialog_horiz_top,
    .fb_dialog_legacy > .fb_dialog_horiz_bottom,
    .fb_dialog_legacy > .fb_dialog_bottom_left,
    .fb_dialog_legacy > .fb_dialog_bottom_right,
    .fb_dialog_legacy > .fb_dialog_top_left,
    .fb_dialog_legacy > .fb_dialog_top_right { display:block }

/* Context Dialog */
.context_dialog { position:absolute; padding:7px; width:467px;  z-index:300 }
    .context_dialog .content_outer { border-color:#333 #333 #283E6A; border-style:solid; border-width:1px 1px 2px; line-height:15px; background-color:#fff; }
    .context_dialog .content_outer h2 { padding:8px 10px 0; font-size:11px; margin:0; }
    .context_dialog .content_outer .body { padding:8px 10px; color:#333; }
    .context_dialog .content_outer .body p { color:#333; }
    .context_dialog .content_outer .buttons { background-color: #F2F2F2; border-top: 1px solid #CCCCCC; padding: 8px 10px; clear:both; }
    .context_dialog .text-right .body p,
    .context_dialog .text-right .buttons { text-align:right; }
    .context_dialog .buttons .vtns_button { font-size:13px; padding:3px 4px; }
    .context_dialog .buttons .vtns_buttonBlue { margin-right:4px; }
    .context_dialog .littleClose a { display:block; height:13px; font-size:11px; padding:3px; color:#666; background-color:#f2f2f2; border-top:solid 1px #E2E2E2; }
    .context_dialog .littleClose a:hover i { background-image:url("/images/icon_delete_hover.png"); background-color:#5b74a8; }
    .context_dialog .text-right .buttons .vtns_buttonBlue { margin-right:0; }
    .context_dialog .arrow { position:absolute; top:0; background:url("/images/dialog_contextual_arrow.png") no-repeat; width:13px; height:9px; }

/* customizing Facebook contextual dialog rules */
.contextual_dialog_content {} /* div.contextual_dialog_content is generated by Facebook */
    .contextual_dialog_content h2.dialog_title { margin:0 }


/*
 * MESSAGES =======================================
 ***/

.message-blue,
.message-yellow,
.message-orange,
.message-grey,
.message-red { color:#444444; padding:5px 20px 4px; border:1px solid; margin-bottom:1em; text-align:center; line-height:1.4em; }
.message-blue { border-color:#9d97ff; background-color:#e5e6ff; }
.message-yellow { background-color:#FFF9D7; border-color:#E2C822; }
.message-orange { border-color:#eeb92b; background-color:#f9e9c1; color:#000; }
.message-red { border-color:#CC0000; background-color:#FFEBE8; color:#000; }
.message-grey { background-color:#fff; border-color:#bbb; } /* Message white (with BG grey) */


/*
 * MENU =======================================
 ***/

.tabs{ margin-top: 0; border-width: 1px 0 1px 0; border-style: solid none solid none; border-color: #FFF #FFF #898989 #FFF ; margin-bottom:2em; } /* border-top fixes IE6 bug */
    .tabs .left_tabs { float: left; padding-left: 0; }
    .tabs .right_tabs { float: right; padding-right: 10px; }
    .toggle_tabs { margin-bottom: 3px; text-align: center; }
    .toggle_tabs li { background: url(/images/tab_background.gif) repeat-x scroll left top #F1F1F1; display:block; list-style-type:none; float:left; }
    .toggle_tabs li a { color: #333333; font-weight: bold; padding: 2px 8px 3px 9px; display:block; border-color: #898989 #898989 #898989 #333333; border-style: solid solid none none; border-width: 1px 1px 0 0;}
    .toggle_tabs li.first a { border-left: 1px solid #5973A9; border-right: 1px solid #36538F; }
    .toggle_tabs li a.selected { background: none repeat scroll 0 0 #6D84B4; border-color: #3B5998 #5973A9; border-style: solid solid none none; border-width: 1px 1px 0 0; color: #fff }
    .toggle_tabs li.first a.selected { border-left:solid 1px #5973A9 }
    .toggle_tabs li a:hover{ text-decoration : underline }


/*
 * FORMS =======================================
 ***/

/* Generic */
form { margin:0; }
input, textarea, select {font-family: "lucida grande", "Tahoma", "MS Sans Serif", "Microsoft Sans Serif", "MS Serif",sans-serif; font-size: 11px; }
input { margin:0; vertical-align : middle}
textarea, .inputtext, .inputpassword { border: 1px solid #BDC7D8; padding: 3px; }
.inputradio { padding:0 }
.inputbutton,.inputsubmit{border-style:solid;border-width:1px;border-color:#d9dfea #0e1f5b #0e1f5b #d9dfea;background-color:#3b5998;color:#fff;padding:2px 15px 3px 15px;text-align:center}
.inputaux{background:#f0f0f0;border-color:#e7e7e7 #666 #666 #e7e7e7;color:#000}
select { border:1px solid #BDC7D8; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; padding:2px; background-color:#fff; margin:0 }
optgroup { font-style:normal; font-weight:bold; }
label { cursor:pointer; }
label.highlight { display:block; padding:3px; }
label.highlight:hover { background-color:#eff2f7; }
/* Error */
ul.error_list { padding:0; margin:0; } /* Error message by default */
ul.error_list li { list-style:none; } /* Error message by default */
.error_form { position:relative; display:inline-block; }
.error_form input,
.error_form textarea { border:2px solid #DD3C10; }
.error_form ul.error_list { position:absolute; left:100%; margin-left:7px; background:url('/images/form_error_msg.gif') no-repeat left top; padding-left:11px; }
.error_form ul.error_list li { background-color: #FFEBE8; border-bottom: 1px solid #EB8266; padding: 6px 7px 5px 9px; color:#333 !important; width:150px; line-height:1; }
.error_form .left50 ul.error_list { left:50%; } /* When the input is in an iFrame */

/* form errors in dialogs */
.dialog_body ul.error_list { position:static; background:none; padding-left:0 }
.dialog_body ul.error_list li {  background-color:transparent; color: #FF0000 !important; border:none; padding: 5px 0 }

/* With Tables */
.editor{}
    .editor input { vertical-align:sub; }
    .editor tr { height:27px; }
    .editor td { border:none; margin:0; padding:5px 1px 1px; height:21px; }
    .editor label { color:#000; font-weight:normal }
    .editor td.label { vertical-align:top; color:#666 !important; font-weight:bold !important; padding-right:0.5em; text-align:right; }
    .editor label.grey,
    .editor td.label label { color:#666 !important; font-weight:bold !important; }
    .editor td.label small { color:#999; font-weight:normal !important; display:block; }
    .editor input.inputtext { width:270px; }
    .editor select { height:21px; }
    .editor textarea { width:270px; }
    .editor textarea.ta-big { width:350px; height:150px; }
    .editor ul li { list-style:none; }
    .editor .select_date select { margin-left:2px; margin-right:2px; vertical-align:baseline }
/* errors */
    .editor ul.error_list li { color:#ff0000; font-weight:bold; }
/* errors summary */
    .message-red .error_list li { text-align : center }

/* Select Ajax Customized */
.vtns_editableChoice .wrapper{position:relative}
.vtns_editableChoice .show_edit_button .edit_link{display:none;font-size:9px;height:18px;padding-right:22px;position:absolute;top:-2px}
.vtns_editableChoice .edit_link:hover{background-position:right -18px}
.vtns_editableChoice .edit_mode,
.vtns_editableChoice .edit_mode .editor{z-index:10}
.vtns_editableChoice .edit_mode .text{visibility:hidden}
.vtns_editableChoice .edit_mode_without_buttons .text{display:none}
.vtns_editableChoice .edit_mode .editor{display:block;white-space:nowrap}
.vtns_editableChoice .hover .edit_link{display:inline}
.vtns_editableChoice .editor{margin:0;display:none}
.vtns_editableChoice .edit_mode .edit_link{visibility:hidden}
.vtns_editableChoice .text{ color:#000; cursor:default; outline:none; text-decoration:none; text-transform:capitalize; border-bottom:1px dotted #3b5998; white-space:nowrap; }
.vtns_editableChoice .text:hover{color:#3b5998;cursor:pointer}
.vtns_editableChoice .edit_mode_without_buttons .inputbutton{display:none}
.vtns_editableChoice .edit_mode .editor{background-color:#dadfe9;border:1px solid #919ccd;padding:8px;position:absolute;left:-16px;top:-13px}
.vtns_editableChoice .button_status { font-size:11px; padding-bottom:2px; vertical-align:top !important; }


/* Search input+buttons */
.vtns_search {}
    .vtns_search select { border-color:#94a4c6; height:24px; padding:2px; display:inline-block; font-size:13px }
    .vtns_search .inputtext_search { border:solid 1px #94a4c6; display:block; margin-right:2px; padding:3px; width:100px; height:16px; font-size:13px }
    .vtns_search .button_search { height:24px; padding:1px 4px 4px; }

.vtns_search_glued {}
    .vtns_search_glued .inputtext_search { border:solid 1px #94a4c6; border-right-width:0; display:block; padding:3px; width: 102px; height:16px; font-size:13px; float:left; }
    .vtns_search_glued a.button_search { height:14px; float:left; }
    .vtns_search_glued input.button_search { height:24px; padding:1px 4px 4px; float:left }

/* Contact form */
#contact_form {}
    #contact_form label { display:block; float:left; clear:left; width:100px; text-align:right; padding:10px 13px 10px 0; font-weight : bold; }
    #contact_form input[type="text"]{width:300px}
    #contact_form textarea {width:300px}
    #contact_form input,
    #contact_form textarea {padding : 4px 0px 4px 3px; border: 1px solid #8496BA; margin-top:6px}
    #contact_form  select  {border:solid 1px #8496BA; margin-top:10px}

/* Customized Select */
#vtns_custom_select { position:relative; z-index:100000; zoom:1; }
    #vtns_custom_select .menu_wrapper { bottom:auto;left:0;margin:-1px 0 30px;max-width:340px;min-width:100%;position:absolute;right:auto;top:100%;z-index:-1 }
    #vtns_custom_select ul { background-color:#fff;border:1px solid #777;border-bottom:2px solid #293e6a;padding:3px 0 4px; margin:0; }
    #vtns_custom_select ul li { list-style-type:none; }
    #vtns_custom_select ul a.itemAnchor { border:solid #fff;border-width:1px 0;color:#111;display:block;font-weight:normal;line-height:16px;padding:1px 16px 1px 22px;text-decoration:none; white-space:nowrap; }
    #vtns_custom_select ul li.sel { background-color:#6d84b4; }
    #vtns_custom_select ul li.sel a { color:#fff; border:solid #29447E; border-width:1px 0 }
    #vtns_custom_select ul .checked a.itemAnchor { background:url(http://b.static.ak.fbcdn.net/rsrc.php/v1/zu/r/6NHt8H5uyPf.png) left 4px no-repeat;font-weight:bold }
    #vtns_custom_select ul .checked a.itemAnchor:hover { background:url(http://b.static.ak.fbcdn.net/rsrc.php/v1/zu/r/6NHt8H5uyPf.png) left -56px no-repeat;font-weight:bold }

/*
 * NEW FORMS =======================================
 ***/

 .vtns_form { font-family:"lucida grande","Tahoma","MS Sans Serif","Microsoft Sans Serif","MS Serif",sans-serif; }
    .vtns_form h3 { clear: left }

    /* basic form */
    .vtns_form form { width:100%; margin:0; padding:0; font-size:inherit !important }
    .vtns_form .vtns_form_widget { display:block; margin-bottom:0.8em; margin-top:0.1em; font-size:inherit !important }

    /* form widget init */
    .vtns_form select,
    .vtns_form input,
    .vtns_form textarea { font-size:inherit !important; color:#333; width:auto; height:auto; display:inline-block; float:none; vertical-align:middle }
    .vtns_form textarea { vertical-align:top; }
    .vtns_form .inputtext,
    .vtns_form textarea { border: 1px solid #BDC7D8; }
    .vtns_form .inputradio,
    .vtns_form .inputcheckbox { vertical-align:middle }

    .vtns_form .vtns_form_widget .vtns_text_widget,
    .vtns_form .vtns_form_widget .vtns_select_list_wrapper,
    .vtns_form .vtns_form_widget .vtns_input_wrapper { display:inline-block; }

    .vtns_form select + select { margin-left:0.5em; }

    .vtns_form .iframe { display:inline-block; vertical-align: top }

    /* buttons, FF : remove inner padding */
    .vtns_form input[type="button"]::-moz-focus-inner,
    .vtns_form input[type="submit"]::-moz-focus-inner,
    .vtns_form button::-moz-focus-inner { border:0; padding:0; }

    .vtns_form  input.vtns_button,
    .vtns_form  input.vtns_buttonBlue { height:2em; padding : 0.2em 0.5em }

    /* labels */
    .vtns_form label { font-size:inherit !important; color:#333; display:inline-block; margin: 0 0.5em 0 0.5em; vertical-align:middle }
    .vtns_form .label { font-size:inherit !important; display:inline-block; color:#666; margin: 0 0.5em 0 0; text-align:right; }
    .vtns_form .label label { color:#666; font-weight:bold; margin: 0 }

    .vtns_form .label { display : block; float:left; margin: 0 0.5em 0 0; text-align:right }
    .vtns_form .vtns_form_widget { clear:left }

    /* form widgets box model : hide from IE 6 and IE 7 */
    .vtns_form .vtns_form_widget >/**/ select{ height:2em !important; padding:0.1em; vertical-align:middle }
    .vtns_form .vtns_form_widget >/**/ input.vtns_button,
    .vtns_form .vtns_form_widget >/**/ input.vtns_buttonBlue{ height:2em; padding : 0.2em 0.5em }
    .vtns_form .vtns_form_widget >/**/ .inputtext { height:1.5em !important; padding:0.2em 0.3em; vertical-align:middle; }
    .vtns_form .vtns_form_widget .vtns_required{ font-size:1em; font-weight:normal; color:#999 }

    /* form widgets box model : IE 6 and IE 7 */
    *:first-child+html .vtns_form .inputtext { padding:2px; font-size:inherit !important } /* IE7 only */
    * html .vtns_form .inputtext { padding:2px; font-size:inherit !important } /* IE 6 only */
    * html .vtns_form .vtns_form_widget input.vtns_button { padding:1px 7px; }

    /* errors */
    .vtns_form span.vtns_error_form { position:relative; display:inline-block; vertical-align:top; width:auto; }
    .vtns_form .vtns_form_widget.vtns_error_form input,
    .vtns_form .vtns_form_widget.vtns_error_form textarea { border:2px solid #DD3C10; }
    .vtns_form .vtns_form_widget .vtns_error_form ul.error_list { display:block; position:absolute; left:100%; top:0; background: url("/images/form_error_msg.gif") no-repeat scroll left top transparent; margin-left: 7px; padding-left: 11px; }
    .vtns_form .vtns_form_widget .vtns_error_form ul.error_list li { list-style: none outside none; font-size:11px; font-weight:bold; background-color: #FFEBE8; border-bottom: 1px solid #EB8266; padding: 6px 7px 5px 9px; color: #333 !important; width: 150px; line-height: 1;}
    .vtns_form .vtns_form_widget .vtns_error_list {}
    .vtns_form .vtns_form_widget .vtns_error_list ul { display:inline-block; position:static; background-image:none }
    .vtns_form .vtns_form_widget .vtns_error_list ul li { display:inline; list-style: none outside none; font-size:11px; font-weight:bold; color:#DD3C10; }

    /* 2 column forms */
    .vtns_form .vtns_default_form .label { width:173px }
    .vtns_form .vtns_default_form .inputtext { width:270px; font-size:inherit !important }
    .vtns_form .vtns_default_form textarea { width: 350px; }

    .vtns_form .vtns_default_form .col2 { padding-left:180px }

    /* forms with labels on top of fields */
    .vtns_form .vtns_vertical_label { clear:left }
    .vtns_form .vtns_vertical_label .vtns_form_widget { float:left; padding-right:0.2em } /* IE6 and IE 7 */
    .vtns_form .vtns_vertical_label > /**/ .vtns_form_widget { display:table-cell; vertical-align:top; float:none; padding-right:0.2em } /* exclude IE 6 and IE 7 */

    .vtns_form .vtns_vertical_label .label { display:inline-block; text-align:left; margin-bottom:0.2em; height:1em; line-height:1em; }
    .vtns_form .vtns_vertical_label input,
    .vtns_form .vtns_vertical_label select,
    .vtns_form .vtns_vertical_label textarea { display:block; width:auto; }

    /* forms in dialogs */
    .fb_dialog .vtns_form { padding-top:5px }
    .fb_dialog .vtns_form .vtns_default_form .label { width:84px }
    .fb_dialog .vtns_form .vtns_default_form .col2 { padding-left:91px }

    /* settings form */
    .vtns_form .vtns_settings_form { width:400px; margin:0 auto }
    .vtns_form .vtns_settings_form .vtns_form_widget { width:360px; margin:0 auto }
    .vtns_form .vtns_settings_form .label { width:auto; max-width:260px; margin-bottom:1em }
    .vtns_form .vtns_settings_form .inputtext { width:120px }

    /* particular cases */
    #jobForm  .vtns_form_widget textarea { height:150px }
    #applications_form .vtns_settings_form .vtns_form_widget { width:400px; }
    #applications_form .vtns_settings_form .label { max-width: 300px }
    #twitter_config_form .vtns_settings_form .vtns_form_widget { width:300px; }
    #wall_config_form .vtns_settings_form .vtns_form_widget { width:300px; }


/*
 * TABLES =======================================
 ***/

.UITable .root_table{border:1px solid #ccc;padding:0;width:100%}
.UITable .root_table .tc_figure{ width:50px }
.UITable .root_table .tc_date{ min-width:70px }
.UITable .root_table th{background-color:#e0e0e0;border:1px solid #bababa;border-left:0;border-top-color:#fefefe;font-size:11px;font-weight:normal;line-height:1em;padding:6px 5px;white-space:nowrap}
.UITable .root_table th.last{border-right:none;}
.UITable .root_table th a{color:#000;display:block;margin:-6px -5px;padding:6px 5px}
.UITable .root_table th a:hover{background-color:#d0d0d0;text-decoration:none}
.UITable .root_table th a.asc,
.UITable .root_table th a.desc{background-color:#d0d0d0}
.UITable .root_table th a span{display:inline-block}
.UITable .root_table th a .dir_arrow_asc,
.UITable .root_table th a .dir_arrow_desc {background-position:left top;background-repeat:no-repeat;margin-left:4px;margin-bottom:-1px;overflow:hidden;height:7px;width:7px}
.UITable .root_table th a .dir_arrow_asc{background-image:url('/images/arrow-asc.gif')}
.UITable .root_table th a .dir_arrow_desc{background-image:url('/images/arrow-desc.gif')}
.UITable .root_table td{background-color:#fff;padding:12px 6px; vertical-align:middle}
.UITable tr.even td{background-color:#eee}
.UITable tr.odd td{background-color:#fff}
.UITable input.checkbox,
.UITable th input{float:left;margin:0 0 0 5px}
.UITable #totals td{background-color:#fff;border-top:1px solid #9D9FDC;font-weight:bold}
.UITable tr.unsolicited-resumes td{background-color:#D4D5F1;border-top:1px solid #9D9FDC;}
.UITable #empty_message td{border-top:0;font-weight:normal;padding-left:10px;text-align:left}
.UITable .root_table .last_column{border-right:0}
.UITable .loading_div{text-align:center}


/*
 * ICONS =======================================
 ***/

/*h2*/
.lfloat {float:left;padding-left:23px;}
.uiHeaderTop {height:33px;display:block; position:relative; }
.uiHeaderTitle {position:relative; left:0; top:0; }
.uiHeaderImage{left:-23px;position:absolute;top:2px}

/*buttons*/
.spritemap_icons{background-image:url('/images/FB_icons.gif'); background-repeat:no-repeat;display:inline-block;height:16px;width:16px}
.sx_icons_active{height:12px;background-position:0 -1649px;}
.sx_icons_paused{height:12px;background-position:0 -1734px;}
.sx_icons_deleted{height:12px;background-position:0 -1757px;}
.sx_icons_down_arrow_blue{width:9px;height:5px;background-position:-0px -1806px}
.sx_icons_social_ad{background-position:-0px -285px}
.sx_icons_like_on{width:15px;height:13px;background-position:-0px -1595px}
.sx_icons_fbml{background-position:-0px -301px}
.sx_icons_relationship_remove{height:17px;background-position:-0px -154px}
.sx_icons_friend_suggestion{background-position:-0px -317px}
.sx_icons_discussion{height:18px;background-position:-0px -56px}
.sx_icons_photos_notes{height:17px;background-position:-0px -171px}
.sx_icons_message{background-position:-0px -335px; height:11px; }
.sx_icons_privacy_lock{background-position:-0px -349px}
.sx_icons_share_button_small{width:12px;height:12px;background-position:-0px -1662px}
.sx_icons_developer{background-position:-0px -365px}
.sx_icons_favicon{background-position:-0px -381px}
.sx_icons_applications{background-position:-0px -397px}
.sx_icons_im_away{height:10px;background-position:-0px -1519px}
.sx_icons_iphone_photo{height:19px;background-position:-0px -0px}
.sx_icons_messages{background-position:-0px -413px}
.sx_icons_hidden{background-position:-0px -429px}
.sx_icons_mobile_app{width:10px;background-position:-0px -1529px}
.sx_icons_credits{background-position:-0px -445px}
.sx_icons_chart{background-position:-0px -461px}
.sx_icons_external_link{width:12px;height:12px;background-position:-0px -1674px}
.sx_icons_wall_arrow_down{width:11px;height:9px;background-position:-0px -1769px}
.sx_icons_bookmark{background-position:-0px -477px}
.sx_icons_star_on{width:12px;height:12px;background-position:-0px -1686px}
.sx_icons_video{height:17px;background-position:-0px -188px}
.sx_icons_up_arrow_blue{width:9px;height:5px;background-position:-9px -1806px}
.sx_icons_friend{background-position:-0px -493px}
.sx_icons_alert{background-position:-0px -509px}
.sx_icons_mobile{height:18px;background-position:-0px -74px}
.sx_icons_privacy{background-position:-0px -525px}
.sx_icons_share_button_large{background-position:-0px -541px}
.sx_icons_edit_applications{background-position:-0px -557px}
.sx_icons_magnifying_glass{background-position:-0px -573px}
.sx_icons_answers{width:15px;background-position:-0px -1293px}
.sx_icons_iphone{background-position:-0px -589px}
.sx_icons_reviews{background-position:-0px -605px}
.sx_icons_affiliation{height:14px;background-position:-0px -1430px}
.sx_icons_beacon{background-position:-0px -621px}
.sx_icons_fbfile{width:14px;background-position:-0px -1444px}
.sx_icons_camera{background-position:-0px -637px}
.sx_icons_friend_gal{background-position:-0px -653px}
.sx_icons_mobile_note{width:14px;background-position:-0px -1460px}
.sx_icons_mobile_16{background-position:-0px -669px}
.sx_icons_fbpage_add{background-position:-0px -685px}
.sx_icons_verified{width:12px;height:12px;background-position:-0px -1698px}
.sx_icons_location_target{width:15px;height:15px;background-position:-0px -1565px}
.sx_icons_link{height:15px;background-position:-0px -1309px}
.sx_icons_flash{background-position:-0px -701px}
.sx_icons_settings_gear{width:15px;background-position:-0px -1324px}
.sx_icons_invite{background-position:-0px -717px}
.sx_icons_alert_dark{background-position:-0px -733px}
.sx_icons_great{width:12px;height:12px;background-position:-0px -1710px}
.sx_icons_star_off{width:12px;height:12px;background-position:-0px -1722px}
.sx_icons_feed{width:15px;height:15px;background-position:-0px -1580px}
.sx_icons_note{width:13px;background-position:-0px -1490px}
.sx_icons_install_app{width:17px;height:14px;background-position:-0px -271px}
.sx_icons_security{background-position:-0px -749px}
.sx_icons_ads_and_pages{background-position:-0px -765px}
.sx_icons_im_online{height:10px;background-position:-0px -1545px}
.sx_icons_hd{width:18px;height:12px;background-position:-0px -108px}
.sx_icons_requests{background-position:-0px -781px}
.sx_icons_mobile_photo{height:19px;background-position:-0px -19px}
.sx_icons_blog{height:15px;background-position:-0px -1340px}
.sx_icons_fbpage{background-position:-0px -797px}
.sx_icons_like{background-position:-0px -813px}
.sx_icons_short_note{background-position:-0px -829px}
.sx_icons_comments{background-position:-0px -845px}
.sx_icons_check_mark{width:13px;height:13px;background-position:-0px -1649px}
.sx_icons_accessibility{background-position:-0px -861px}
.sx_icons_email{background-position:-0px -877px}
.sx_icons_gift{height:15px;background-position:-0px -1355px}
.sx_icons_polls{background-position:-0px -893px}
.sx_icons_sampling{background-position:-0px -909px}
.sx_icons_friend_guy{height:17px;background-position:-0px -205px}
.sx_icons_mob_album{width:15px;height:11px;background-position:-0px -1623px}
.sx_icons_group{background-position:-0px -925px}
.sx_icons_games{background-position:-0px -941px}
.sx_icons_email_application{width:18px;background-position:-0px -92px}
.sx_icons_friend_finder{background-position:-0px -957px}
.sx_icons_poke{height:14px;background-position:-0px -1476px}
.sx_icons_add_photo{background-position:-0px -973px}
.sx_icons_red_x{width:11px;height:11px;background-position:-0px -1758px}
.sx_icons_connect_new{background-position:-0px -989px}
.sx_icons_plus{width:8px;height:8px;background-position:-10px -1529px}
.sx_icons_wall_post{background-position:-0px -1005px}
.sx_icons_edit_profile{background-position:-0px -1021px}
.sx_icons_motion{background-position:-0px -1037px}
.sx_icons_im_offline{height:10px;background-position:-0px -1555px}
.sx_icons_halt{width:12px;height:12px;background-position:-0px -1734px}
.sx_icons_feed_comments{background-position:-0px -1053px}
.sx_icons_notifications{background-position:-0px -1069px}
.sx_icons_people_directory_16{background-position:-0px -1085px}
.sx_icons_popout_window{width:17px;height:17px;background-position:-0px -120px}
.sx_icons_audioplayer{height:15px;background-position:-0px -1370px}
.sx_icons_dev_app{width:18px;height:18px;background-position:-0px -38px}
.sx_icons_music{height:15px;background-position:-0px -1385px}
.sx_icons_family{background-position:-0px -1101px}
.sx_icons_event{height:17px;background-position:-0px -222px}
.sx_icons_translations{background-position:-0px -1117px}
.sx_icons_ad{height:15px;background-position:-0px -1400px}
.sx_icons_email_web{width:17px;height:17px;background-position:-0px -137px}
.sx_icons_post{height:15px;background-position:-0px -1415px}
.sx_icons_mini_credit{width:10px;height:10px;background-position:-0px -1796px}
.sx_icons_mobile_overlay{width:10px;height:15px;background-position:-0px -1634px}
.sx_icons_marketplace{background-position:-0px -1133px}
.sx_icons_connect { background-position:-0px -1151px; height:13px; }
.sx_icons_photo{background-position:-0px -1165px}
.sx_icons_wall_arrow_ltr{width:11px;height:9px;background-position:-0px -1778px}
.sx_icons_wall_arrow_rtl{width:11px;height:9px;background-position:-0px -1787px}
.sx_icons_people_directory{width:13px;height:15px;background-position:-0px -1608px}
.sx_icons_relationship{background-position:-0px -1181px}
.sx_icons_election{height:13px;background-position:-0px -1506px}
.sx_icons_star_half{width:12px;height:12px;background-position:-0px -1746px}
.sx_icons_friend_mob{height:17px;background-position:-0px -239px}
.sx_icons_new_feature{background-position:-0px -1197px}
.sx_icons_im{width:17px;height:15px;background-position:-0px -256px}
.sx_icons_group{background-position:-0px -1213px}
.sx_icons_calendar{background-position:-0px -1229px}
.sx_icons_newsfeed{background-position:-0px -1245px}
.sx_icons_friends{background-position:-0px -1261px}
.sx_icons_stream{background-position:-0px -1277px}

/* News */
.FB_icons { background-repeat:no-repeat; display:inline-block; height:11px; width:14px; }
.icon_active { width:8px; background-image:url('/images/active.gif'); }
.icon_paused { background-image:url('/images/paused.gif'); width:10px; }
.icon_deleted { background-image:url('/images/deleted.gif'); }
.icon_terminated { background-image:url('/images/terminated.gif'); height:12px; }
.icon_campaign { background-image:url('/images/campaign.png'); height:15px; width:15px; vertical-align:middle; }
.icon_help { height:10px; width:12px; background-image:url("/images/help.gif"); }
.icon_delete { height:13px; width:11px; background-image:url("/images/icon_delete.png"); }
.icon_delete_white,
.icon_delete:hover { background-image:url("/images/icon_delete_hover.png"); background-color:#5B74A8; height:13px; width:11px; }
.icon_delete_white:hover { background-image:url("/images/icon_delete.png"); }
.icon_edit_disabled { background-image:url("/images/edit_disabled.png"); width:16px; height:16px; }
.icon_share { background-image:url("/images/share.png"); width:13px; height:11px; }
.icon_share_disabled { background-image:url("/images/share_disabled.png"); width:13px; height:11px; }

/* Simple link with icon */
a.link-icon {}
a.link-icon:hover { text-decoration:none; }
    a.link-icon i { vertical-align:top; }
    a.link-icon:hover span { border-bottom:solid 1px #3B5998; }
a.disabled { color:#b8b8b8; }

/*
 * TOOLTIPS =======================================
 ***/

.FB_tooltip_outer { font-size:12px; } /* Hack IE6 - si 11px, la tooltip ne s'affiche pas */
a.FB_tooltip_link { position:relative; display:inline-block }
    a.FB_tooltip_link .FB_tooltip_new { color:#fff; position:absolute; z-index:100; visibility:hidden; background:url('/images/tooltip_bottom.gif') no-repeat bottom; padding-bottom:4px; }
    a.FB_tooltip_link:hover { text-decoration:none; font-size:11px }
    a.FB_tooltip_link:hover .FB_tooltip_new { visibility:visible; }
    a.FB_tooltip_link .FB_tooltip_new:hover { display:none; }
    a.FB_tooltip_link .tooltip_message { display:block; font-size:11px; background-color:#282828; }
    a.FB_tooltip_link .tooltip_bottom,
    a.FB_tooltip_link .tooltip_top { background-repeat:no-repeat; width:100%; height:4px; float:left; }
    a.FB_tooltip_link .tooltip_top { bottom:auto; top:0; background-image:url('/images/tooltip_top.gif'); background-position:right; }

/* Tooltip aligned on the Bottom */
.FB_tooltip_bottom .FB_tooltip_new { top:26px; left:-84px; width:180px; background:url('/images/tooltip_top.gif') no-repeat top !important; padding:4px 0 0 !important; }
    .FB_tooltip_bottom .tooltip_message { display:block; padding:11px 7px 5px; text-align:center; }
    .FB_tooltip_bottom .tooltip_top { background-position:center !important; }

/* Tooltip aligned on the Left Bottom */
.FB_tooltip_bottom_left .FB_tooltip_new { top:24px; right:0; background:url('/images/tooltip_top.gif') no-repeat top right !important; padding:4px 0 0 !important; }
    .FB_tooltip_bottom_left .tooltip_message { display:block; padding:4px 7px 5px; text-align:left; }
    .FB_tooltip_bottom_left .tooltip_top { background-position:right !important; }

/* Tooltip aligned on the Top */
.FB_tooltip_top .FB_tooltip_new { bottom:15px; left:-84px; width:180px; background-position:center bottom !important; }
    .FB_tooltip_top .tooltip_message { display:block; padding:5px 7px 11px; text-align:center; }
    .FB_tooltip_top .tooltip_bottom { background-position:center !important; }

/* Tooltip aligned on the Top Left */
.FB_tooltip_top_left .FB_tooltip_new { bottom:15px; right:-3px; background-position:right bottom !important; }
    .FB_tooltip_top_left .tooltip_message { display:block; padding:5px 7px 11px; text-align:right; width:180px; }
    .FB_tooltip_top_left .tooltip_bottom { background-position:right !important; }

/* Tooltip aligned on the Top Right */
.FB_tooltip_top_right .FB_tooltip_new { bottom:15px; left:-3px; background-position:left bottom !important; }
    .FB_tooltip_top_right .tooltip_message { display:block; padding:5px 7px 11px; text-align:left; width:180px; }
    .FB_tooltip_top_right .tooltip_bottom { background-position:left !important; }

/* Tooltip with button */
.FB_tooltip_button .FB_tooltip_top .FB_tooltip_new { bottom:27px; left:-80px; font-weight:normal; white-space:normal; }


/*
 * BUTTONS =======================================
 ***/

.vtns_button,
.vtns_buttonBlue,
.vtns_buttonGreen,
.vtns_buttonSel,
.FB_button { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; border-color:#999999 #999999 #888888; border-style:solid; border-width:1px; color:#333333; display:inline-block; font-size:11px; font-weight:bold; padding:4px 7px; text-decoration:none; vertical-align:middle; white-space:nowrap; background:#ddd url('/images/FB_buttons.png') repeat scroll 0 0; cursor:pointer; outline:none; font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important; box-shadow:0 1px 0 rgba(0, 0, 0, .1);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); }
.FB_button:active,
.vtns_button:active,
.vtns_buttonBlue:active,
.vtns_buttonGreen:active { background-image:none; }

/* With icon 16x16 */
.icon16x16 .vtns_button { padding:4px 7px 3px 5px; }
.icon16x16 .vtns_button i { margin:0; }

/* Icons */
i.icon { background:transparent url('/images/FB_buttons.gif') no-repeat scroll 0 0; margin-top:-1px; padding-right:3px; vertical-align:top; width:9px; display:inline-block; height:13px;}
i.plus { background-position:-4px -361px; }
i.back { background-position:-4px -454px; }
i.chevron_blue { background-position:-2px -196px; width:10px; height:16px; }
i.chevron_white { background-position:-2px -172px; width:10px; height:16px; }
i.smart_sort_off { background-image:url('/images/lightbulb_off.png'); height:14px; width:10px; margin:1px 2px; padding:0; }
i.smart_sort_on { background-image:url('/images/lightbulb_on.png'); height:14px; width:10px; margin:1px 2px; padding:0; }
i.smart_share { background-image:url('/images/smartShare_icon.gif'); width:16px; height:16px; }
i.linkedin { background-image:url('/images/linkedin_icon.gif'); width:16px; height:16px; }
i.twitter { background-image:url("/images/twitter.png"); width:16px; height:16px; }
i.wall { background-image:url("/images/wall.png"); width:14px; height:16px; }
i.selector_blue { background-position:0 -149px; background-repeat:no-repeat; width:12px; height:11px; }
i.selector_white { background-position:0 -174px; background-repeat:no-repeat; width:12px; height:11px; }

/* Colors */
.vtns_buttonBlue, .vtns_buttonGreen, .FB_buttonBlue, .FB_buttonGreen { color:#fff !important; }
.vtns_buttonBlue, .FB_buttonBlue { background-color:#5B74A8 !important; background-position:0 -48px !important; border-color:#29447E #29447E #1A356E !important; }
.vtns_buttonGreen, .FB_buttonGreen { background-color:#69A74E !important; background-position:0 -96px !important; border-color:#3B6E22 #3B6E22 #2C5115 !important; }
.vtns_buttonBlue:hover, .vtns_buttonGreen:hover, .FB_buttonGreen:hover, .FB_buttonBlue:hover { text-decoration:none !important; }
.FB_buttonDisabled { background-color:#F2F2F2 !important; color:#B8B8B8; border-color:#C8C8C8 !important; background:none !important; }
.FB_buttonDisabled:hover { text-decoration:none; cursor:default; }
.FB_buttonDisabledi.icon { display:none; }

/* Not underlined */
.noDeco .vtns_button:hover { text-decoration:none; }

/* Sizes */
.FB_buttonSize9 { font-size:9px !important; padding:3px 6px !important; }
.FB_buttonSize13 { font-size:13px !important; padding:5px 8px !important; }
.FB_buttonSize15 { font-size:15px !important; padding:6px 10px !important; }
.FB_buttonSize17 { font-size:17px !important; padding:7px 12px !important; }

/* Button Selected */
.vtns_buttonSel { background:#6D84B4; border:solid 1px #3B5998; }

/* Input Blue */
.FB_input input { background-color:#3B5998; border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style:solid; border-width:1px; color:#FFFFFF; padding:2px 15px 3px; text-align:center; }

/* Edit button */
a.FB_edit {display:inline-block; height:18px; width:19px; background:url('/images/edit.gif') no-repeat left -36px; }
a.FB_edit:hover{background-position:left top;text-decoration:none}

/*  BUTTON SELECT CUSTOMIZED  */
.FB_ActionMenu{ float:left; position:relative;border-bottom:1px solid #ebebeb;margin-bottom:-1px; z-index:30; }
  .FB_ActionMenu a.FB_button { z-index:1000; }
  .FB_ActionMenu a.FB_button:hover { text-decoration:none; }
  .FB_ActionMenu a.FB_ActionMenu_Filter_Click { height:17px; background:#6D84B4 !important; border-color:#3B5998 !important; color:#fff !important; }

  /* Select */
  .FB_ActionMenu .FB_ActionContainer { left:0; visibility:hidden; position:absolute; top:26px; z-index:4000; width:315px }
  .FB_ActionMenu .FB_ActionMenu_Menu{ background-color : #FFFFFF; border:1px solid #444; border-bottom:2px solid #2D4486; float:left; }
  .bloc_filter_right .FB_ActionContainer { right:0; left:auto; }
  .bloc_filter_right .FB_ActionContainer .FB_ActionMenu_Menu { float:right; }
  .FB_ActionMenu .FB_SelectList { background-color:#fff; margin:0; clear:both; min-width:120px; }
  .FB_ActionMenu .FB_SelectList_Item { margin:0;padding:0;text-align:left; }
  .FB_ActionMenu .FB_SelectList_Item { float:left !zonecss; } /* IE HACK IE6+7 */
  .FB_ActionMenu .FB_SelectList_Item input { visibility:hidden;position:absolute;left:-20px}

  /* Label */
  .FB_ActionMenu .FB_SelectList_Label { color:#555; min-width:93px; background-color:transparent; display:block;font-weight:normal;overflow:hidden;white-space:nowrap;padding:5px 8px 6px 19px; }
  .FB_ActionMenu .FB_SelectList_Label { min-width:auto !zonecss; max-width:auto !zonecss; } /* IE HACK IE6+7 */
  .FB_ActionMenu .FB_SelectList_Label:hover { background-color:#f2f2f2; color:#000; cursor:pointer; }
  .FB_ActionMenu .FB_SelectList_Label:hover { background-color:transparent !zonecss; } /* IE HACK IE6+7 */

  /* Label Checked */
  .FB_ActionMenu .FB_SelectList_check_Checked {background:white no-repeat left 7px;cursor:pointer; color:#000; background-image:url('/images/FB_input_check.gif'); }

  /* Close button */
  /* hide from IE6 and IE 7 (buggy) */
  *:first-child+html .FB_ActionMenu .littleClose { display:none }
  * html .FB_ActionMenu .littleClose { display:none }
  .FB_ActionMenu .FB_SelectList >/**/ .littleClose { height:20px; }
  .FB_ActionMenu .littleClose >/**/ a { display:block; height:13px; font-size:11px; padding: 3px; color:#666; background-color:#F2F2F2; border-top: solid 1px #E2E2E2; }  .FB_ActionMenu .littleClose >/**/ a:hover .icon_delete { background-image:url("/images/icon_delete_hover.png"); background-color:#5B74A8; }


  /* Large version */
  .FB_ActionMenuLarge { position:static; }
  .FB_ActionMenuLarge a.FB_ActionMenu_Filter_Click { height:20px }
  .FB_ActionMenuLarge .FB_ActionContainer { width:520px; top:29px; }
  .FB_ActionMenuLarge .FB_ActionMenu_Menu { width:518px; }
  .FB_ActionMenuLarge .FB_SelectList_Menu_bloc { padding:1em 17px 0.5em; }
  .FB_ActionMenuLarge .FB_SelectList_MenuWrapper { width:231px; float:left; margin-bottom:5px; }
  * html .FB_ActionMenuLarge .FB_SelectList_MenuWrapper { width:211px !zonecss; } /* Hack IE6+7 */
  .FB_ActionMenuLarge .FB_SelectList_Menu { color:#555; min-width:1px; display:inline-block; margin:2px 10px 5px 0; padding:1px 0; }
  .FB_ActionMenuLarge .FB_SelectList_Menu:hover { text-decoration:none; }
  .FB_ActionMenuLarge .FB_SelectList_Menu:hover .text { text-decoration:underline; }
  .FB_ActionMenuLarge .FB_SelectList_MenuSel .text,
  .FB_ActionMenuLarge .FB_SelectList_MenuSel:hover .text { background-color:#FFF8CC; color:#000; }
  .FB_ActionMenuLarge .FB_SelectList_check_Checked { background-image:none; }
  .FB_ActionMenuLarge .FB_SelectList_subfunctions { background-color:#fffdec; padding-bottom:1em; display:none; }
  .FB_ActionMenuLarge .FB_SelectList_subfunctions h3 { padding-left:17px; background:none; }
  .FB_ActionMenuLarge .FB_SelectList_subfunctions_bloc { padding:0 17px; }
  .FB_ActionMenuLarge .FB_SelectList_Item { width:231px; float:left; }
  .FB_ActionMenuLarge .FB_SelectList_Label,
  .FB_ActionMenuLarge .FB_SelectList_Label:hover { background:url('/images/FB_input_check_square_empty.gif') left 7px no-repeat; padding-left:15px; white-space:normal; }
  .FB_ActionMenuLarge .FB_SelectList_subfunctions .FB_SelectList_check_Checked,
  .FB_ActionMenuLarge .FB_SelectList_subfunctions .FB_SelectList_check_Checked:hover { background-image:url('/images/FB_input_check_square.gif'); }
  .FB_ActionMenuLarge .FB_SelectList_close { background-color:#F2F2F2; border-top:solid 1px #E2E2E2; padding:3px; }
  /*.FB_ActionMenu .FB_SelectList_Label { display:inline-block; }*/

  /* fake select in candidate profile alert forms */
  .vtns_select_list_wrapper { width:220px; }
  .vtns_select_list_wrapper .vtns_select_list { position:absolute; z-index:10; width:200px}
  .vtns_select_list_wrapper ul.checkbox_list { border:solid 1px #444444; background-color:#FFFFFF; margin:0; padding:5px}
  .vtns_select_list_wrapper ul.checkbox_list li { padding:0px 8px 6px 3px; display:block }
  .vtns_select_list_wrapper ul.checkbox_list li input[type="checkbox"] { vertical-align:middle }

/*
 * STEPS =======================================
 ***/

.FB_StepList ol{background:url('/images/FB_Steps_bg.png');height:51px;list-style:none;margin:0;padding:0}
    .FB_StepList .FB_Step{display:inline;list-style-type:none}
    .FB_StepList .FB_Step .part{background:url('/images/FB_Steps_back_and_after.png');float:left;height:51px}
    .FB_StepList .FB_Step .back{background-position:-24px 0}
    .FB_StepList .FB_Step .middle{background:url('/images/FB_Steps_bg.png')}
    .FB_StepList .FB_Step .point{background-position:-30px 0;width:21px}
    .FB_StepList .FB_Step .title{ margin-bottom:1px; color:#333; font-weight:bold; font-size:13px; }
    .FB_StepList .FB_Step .content{margin:11px 10px 0 10px}
    .FB_StepList .FB_StepSelected .content{margin-left:5px}
    .FB_StepList .FB_StepListSmallDescription .description{font-size:9px}
    .FB_StepList .FB_StepFirst .back{width:3px}
    .FB_StepList .FB_StepFirst .content{margin-left:15px}
    .FB_StepList .FB_StepSelected .back{background-position:-21px 0}
    .FB_StepList .FB_StepSelected .middle{background:url('/images/FB_Steps_middleSel.png')}
    .FB_StepList .FB_StepSelected .point{background-position:0 0}
    .FB_StepList .FB_StepNextSelected .point{background-position:-51px 0}
    .FB_StepList .FB_StepSelected .title,
    .FB_StepList .FB_StepSelected .description,
    .FB_StepList .FB_StepSelected a{color:#fff}

/*
 * SETTINGS =======================================
 ***/

/* generic settings panel rules */
.FB_settings_panel{width:530px;margin:0 auto 0;padding:0;padding-bottom:20px}
/* settings panel in sponsoring sec needs more width */
.FB_settings_panel .mock_h4{ border-bottom:1px solid #b9c4da;font-size:12px;padding:0;font-weight:bold;margin:0 0 2px 0;padding-bottom:2px; }
.FB_settings_panel .mock_h4 .left{float:left;width:400px;text-align:left;padding:0;margin:0}
.FB_settings_panel .mock_h4 .right{font-size:11px;font-weight:normal;margin:0;padding:0;text-align:right;}
.FB_settings_panel .account_settings_desc{margin:0;padding:0;margin-bottom:10px;clear:both;cursor:pointer}
.FB_settings_panel .account_settings_desc .left{width:330px;margin:0;padding:0;text-align:left;float:left;color:#999}
.FB_settings_panel .account_settings_desc .right{width:170px;margin:0;padding:0;text-align:right;float:right;color:#999}
.FB_settings_panel p{line-height:14px;margin:0 0 8px}
.FB_settings_panel .editor{}
.FB_settings_panel .editor_password{width:auto}
.FB_settings_panel .editor td.label{text-align:right;padding-left:0;width:105px}
.FB_settings_panel .editor_password td.label{width:auto}
.FB_settings_panel .editor .buttons{text-align:left;margin:0;padding:0}
.FB_settings_panel .editor .buttons .inputsubmit{margin-left:0}
.FB_settings_panel .editor td input[type~="password"],
.FB_settings_panel .editor td input[type~="text"],
.FB_settings_panel .editor td input[type="password"],
.FB_settings_panel .editor td input[type="text"]{width:280px}
.FB_settings_panel .editor td .email_option .inputtext{width:260px;direction:ltr}
.FB_settings_panel .editor select{width:280px}
.FB_settings_panel ul{list-style:square;margin:10px 0;padding:0;padding-left:15px}
.FB_settings_panel li{color:#3b5998;margin-bottom:5px}
.FB_settings_panel li span{color:#000}
.FB_settings_panel em{font-weight:bold;font-style:normal }
.FB_settings_panel .contact_email_pending{margin:0 0 8px;padding:8px 8px 3px;background:#eee;border:solid 1px #ccc}
.FB_settings_panel .contact_email_pending p{margin:0 0 5px}
.FB_settings_panel .inputsubmit{font-size:11px}
.FB_settings_panel .linked_account_row{padding:2px 0 4px 0}
.FB_settings_panel .linked_account_button{margin-top:5px}
.FB_settings_panel .linked_account_img{float:left;margin-right:5px}
.FB_settings_panel .linked_account_name{float:left;width:250px}
.FB_settings_panel .linked_account_disabled{margin:0 0 8px;padding:8px 8px 3px;background:#eee;border:solid 1px #ccc}
.FB_settings_panel .linked_account_disabled p{margin:0 0 5px}
.FB_settings_panel .no_pointer{cursor:auto}
.FB_settings_panel .hide{display:none}
.FB_settings_panel .show{display:block}
.FB_settings_panel .session_list li{color:#000}
.FB_settings_panel .session_list{padding:0 0 0 0}

/*
 * LINE HORIZONTAL =======================================
 ***/
.FB_line_horizontal{width:100%; float:right}
    .FB_line_horizontal .FB_options_container{margin:25px auto 0 auto}
    .FB_line_horizontal .FB_divider{background:transparent url('/images/divider.gif') repeat-x center; margin:0 auto 15px auto;text-align:center}
    .FB_line_horizontal .FB_divider span{background-color:#ededed;color:#777;margin:0 auto 0 auto;width:20px;padding:0 4px 0 4px}


/*
 * PAGINATION =======================================
 ***/

div.pagination { float:right; padding:0.5em 0.5em 0 0; }
    div.pagination .page { border-bottom: 2px solid #ffffff; padding: 3px 3px 2px; color: #3b5998; display: block; float: left; text-decoration: none; }
    div.pagination .page a { text-decoration: none; outline-style: none; }
    div.pagination a:hover { border-bottom: 1px solid #3b5998; background: #3b5998 none repeat scroll 0% 0%; color: white; text-decoration: none; outline-style: none; }
    div.pagination .selected { border-bottom: 2px solid #3b5998; font-weight:bold !important; }

/*
 * FRONTOFFICE =======================================
 ***/

/* Generic */
.canevas_width { width:738px; }

/* Fonts */
#tab_admin, #page_content, #job_list, #footer { font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important; font-size:11px }

/* Logos */
.noLogo,
.logo{float : left; text-align : center;}
.logo img {vertical-align : middle;}
.small { width : 64px; height : auto;  background-color : #FFFFFF; line-height : 62px;  border : solid 1px #B3B3B3;}
.noLogo {background-color : #FFFFFF}

/* Search And Filter Menu
#menuTop { margin-bottom : 0}
#filterForm > div.FB_ActionMenu { float : left; margin-right : 12px;}
#qsearch_submit {height:24px; padding:1px 4px 4px;}*/

/* jobs list
#listAjax { border-top : solid 2px #94A3C4}

#listAjax div.listItem:hover {background-color : #DEE3EC}
#listAjax .listItem{ clear : left; padding : 5px; border : solid 1px #CCCCCC; padding : 1.2em; border-top : none; color : #666666}
#listAjax .even {border-top : solid 1px #FFFFFF}

#listAjax  .listItem .logo +div {margin-left : 80px; height : 64px}
#listAjax .listItem h3 {font-size : 14px; font-weight : bold;}
#listAjax .listItem  p {margin : 0; padding : 4px 0 0 0; line-height : 15px}*/

/* Admin Tab */
#tab_admin { max-width:520px; margin:0 auto; }
    #tab_admin .border { border-top:solid 1px #e2e2e2; border-bottom:dashed 1px #d2d2d2; background-color:#f5f7fa; margin-bottom:2em; padding:1em 1.5em 1.5em; }
    #tab_admin .title { color:#333; margin-top:0; font-size:13px; font-weight:bold; margin-bottom:1px; }
    #tab_admin div { border:none; background-color:transparent; padding:0; text-align:left; color:#666; }
span[style*="hidden"] #tab_admin { display:none }
span[style*="hidden"] div { display:none }

/* Link Ad fsmartshop */
a.no-decoration { display:block; }
a.no-decoration:hover { text-decoration:none; }
a.no-decoration h4 { color:#3B5998; text-align:center; }
a.no-decoration:hover h4 { text-decoration:underline; }
a div.black { color:#000; text-align:center; }

#page_content { float:left; width:100%; }

/* Job list */
#job_list { cursor:default }
    /* Search and filters */
    #job_list #menuTop { min-height:30px; padding-bottom:6px; position:relative; z-index:5000; }
    #job_list #menuTop .search { height:27px; float:left; }
    /* Save Search */

    #job_list #save_search { padding:0 0 3px; height:25px; clear:both; }

    /* Smart sort */
    #job_list #smart_sort { z-index:0; }
    #job_list #smart_sort a { position:relative; margin-bottom:-1px; height:15px; padding:4px; }
    #job_list #smart_sort a:hover { text-decoration:none; }
    #job_list #smart_sort a.sel_with_smart_zone { height:22px; background:#6D84B4 !important; border-color:#3B5998 !important; border-bottom-width:0; color:#fff !important; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
    #job_list #smart_sort a.sel { background:#6D84B4 !important; border-color:#3B5998 !important; color:#fff !important; margin:0; }
    #job_list #smart_sort .smart_sort_bloc { border:1px solid #3b5998; clear:right; }
    #job_list #smart_sort .smart_sort_bloc .smart_sort_intro { background-color:#6d84b4; padding:0.7em; color:#fff; text-align:center; }
    #job_list #smart_sort .smart_sort_bloc .smart_sort_intro p { color:#fff; }
    #job_list #smart_sort .smart_sort_bloc .smart_sort_content { padding:1em 1em 0; }

    #job_list .smart_sort_filter { background:#eee; padding:1em; font-weight:bold; margin-bottom:1em; clear:both; height:12px; }

    /* Input selected */
    #job_list input.selected { border:2px solid #94A4C6; color:#000000; padding:2px; }

    /* Menu select - num of jobs */
    #job_list span.text-black { color:#000 !important; font-weight:normal !important; }

    #job_list .content { width:520px; position:relative; float:left; padding-top:6px; }
    #job_list .content #pager { float:left; width:100%; }
    #job_list .btn_spontaneous { margin-bottom:2px; float:right; }
    #job_list .border { border:solid 1px #ccc; border-top:2px solid #94A3C4; float:left; width:518px; }
    #job_list .bloc-buttons { height:36px; }

    #job_list #list_item_loader { border-bottom:solid 1px #ddd; height:300px; padding-top:180px; display:none; }

    #job_list div.list-content { float:left; padding:11px; text-align:left; border-bottom:solid 1px #ccc; position:relative; padding-bottom:13px; cursor:pointer; width:496px }
    #job_list div.grey div.list-content { background-color:#efefef; }
    #job_list div.grey div.list-content:hover,
    #job_list div.list-content:hover { background-color:#dee3ec; cursor:pointer; }
    #job_list div.list-content a.submit-cv { background-color:#dee3ec !important; display:block; }
    #job_list div.list-content a.submit-cv:hover { background-color:#cfd6e4 !important; }
    #job_list div.list-content div.pa { padding:1.2em; }
    #job_list div.list-content .logo,
    #job_list div.list-content .nologo { float:left; text-align:center; width:62px; height:62px; margin-right:1em; border-style:solid; border-width:1px; }
    #job_list div.list-content .logo { background-color:#fff; line-height:59px; border-color: #B3B3B3; overflow:hidden; padding:2px; }
    #job_list div.list-content .nologo { background-color:#FCFCFC; border-color:#CCCCCC #E5E5E5 #E5E5E5 #CCCCCC; }
    #job_list .grey div.list-content .nologo { background-color:#EAEAEA; border-color:#C9C9C9 #D9D9D9 #D9D9D9 #C9C9C9; }
    #job_list div.list-content:hover .nologo { background-color:#dadee5; border-color:#C9C9C9 #D9D9D9 #D9D9D9 #C9C9C9; }
    #job_list div.list-content
    #job_list div.list-content .logo img { vertical-align:middle; }
    #job_list div.list-content .text { width:417px; float:left; }
    #job_list div.list-content .title_underline { font-weight:bold; display:block; text-decoration:none; font-size:15px; color:#3B5998; padding-bottom:4px; width:338px; float:left; }
    #job_list div.list-content:hover .title_underline { text-decoration:underline; cursor:pointer; }
    #job_list div.list-content .title_underline:hover { text-decoration:underline; cursor:pointer; }
    #job_list div.list-content span.littleGrey {color:#666666;  font-size:11px; line-height:15px;}
    #job_list div.list-content div.description { float:left; clear:left; width:414px; }
    #job_list div.list-content div.button_desc { font-size:9px; padding-top:0.6em; float:left; clear:left; width: 100px; }
    #job_list div.list-content div.button_desc a { padding:4px 4px 4px 0; }
    #job_list div.list-content div.like_and_share { clear:both; height:25px; }
    #job_list div.list-content div.button-recommend { float:left; clear:left; margin-top:11px; height:20px; }
    #job_list div.list-content div.button-recommend .iframe { border:none; overflow:hidden; width:350px; height:25px; }

    #job_list .nb_results { padding:8px 0 0 1em; font-size:11px; color:#555; float:left; }

/* Job details */
#job_details {}
    #job_details { max-width:520px; margin:0 auto }
    #job_details .head { background-color:#D8DFEA; padding:4px; border:solid 1px #c2cbda }
    #job_details .content { border:solid 1px #ccc; border-top-width:0; border-bottom-color:#94A3C4; padding:1.5em; }
    #job_details > .content {position : relative} /* hide to IE6 */
    #job_details .content .intro { position:relative; }
    #job_details .content .intro h1 { margin-bottom:0 }
    #job_details .content .intro p.infos { color:#666666 }
    #job_details .content .intro .button-recommend { height:35px; margin-top:1em; }

    #job_details .content .infos { line-height:17px; font-size:12px; }
    #job_details .content h2 { margin:11px 0 }
    #job_details .content .button-apply { height:40px; position:relative; clear:both; }

    #job_details .smart_bloc { border:1px solid #D8DFEA; border-top-width:0; border-bottom-color:#94A3C4; float:left; width:518px; }
    #job_details .smart_bloc h3 { border-top:0; margin:0; }
    #job_details .smart_bloc .smart_content { padding:16px 0 16px 16px; }
    #job_details .smart_bloc .smart_content .portrait { display: block; float: left; overflow: hidden; padding-right:12px; position: relative; width:155px; height:100px; }
    #job_details .smart_bloc .smart_content .portrait img { width:50px; height:50px; float:left; padding-right:1em; }
    #job_details .smart_bloc .smart_content .portrait .name { height:20px; overflow:hidden; font-weight:bold; }
    #job_details .smart_bloc .smart_content .portrait .name a { white-space:nowrap; overflow:hidden; margin-bottom:0.5em; display:inline-block; }
    #job_details .smart_bloc .smart_content .portrait .infos { float:left; width:94px; height:52px; overflow:hidden; }

    #job_details #other_jobs { border:1px solid #D8DFEA; border-top-width:0; border-bottom-color:#94A3C4; float:left; width:518px; }
    #job_details #other_jobs #other_jobs_list { padding:13px 11px 11px; float:left }
    #job_details #other_jobs h3 { border-top:0; margin:0 }
    #job_details #other_jobs .other-job-wrapper { width:164px; float:left; padding-bottom:0.5em }
    #job_details #other_jobs .other-job-wrapper ul { margin:0; padding-left:18px; height:28px; width:130px; margin:0 13px 3px 0; overflow:hidden }
    #job_details #other_jobs .other-job-wrapper > ul { max-height:28px; height:auto }
    #job_details #other_jobs ul li a.other-job { }
    #job_details #other_jobs .other-job-wrapper small { color:#666; display:block; margin-left:17px;}

    /* PUSH BOTTOM */
    .push_bottom { border:solid 1px #ccc; padding:5px; background-color:#f2f2f2; margin:2em auto 0; width:508px; }
        .push_bottom h4 { margin-bottom:2px }

#footer_outer { width:100%; float:left; height:80px; }
#footer { margin:2em auto 1em; border-top:solid 1px #ddd; padding:0.5em 0 1em 0; width:100%; }
.footer_frontoffice { width:520px !important; }

/*
 * RECRUITERS SPECIAL PAGE =======================================
 ***/

#recruiter_authorize {}
    #recruiter_authorize h1 { margin:0; }
    #recruiter_authorize h2 { font-weight:normal; color: #777; margin:0 0 1.5em; font-size:16px }
    #recruiter_authorize .box { float:left; background-color:#fff; border:5px solid #e9e9e9; overflow:hidden; padding:3px; }
    #recruiter_authorize .box .link { float:left; background-color:#f2f2f2; color:#333; text-decoration:none; padding:2em; min-height:162px; }
    #recruiter_authorize .box .link:hover { background-color:#eaeaea; }
    #recruiter_authorize .box .link h2 { margin:0; color:#000; font-size:15px; font-weight:bold; }
    #recruiter_authorize .box .link h4 { margin:0; color:#555; font-weight:normal }


/*
 * BACKOFFICE : SCHOOLS & RECRUITERS =======================================
 ***/

#backoffice { width:738px; }
#backoffice { margin-top:2em !zonecss; }
    #backoffice .header { margin-bottom:1em }
    #backoffice .header .logo { margin-right:1em }
    #backoffice .title { padding-top:2px; }
    #backoffice .uiHeaderTop { margin-bottom : 15px; margin-top : 1em}
    #backoffice .uiHeaderTop h1 {font-size : 18px; margin : 0; padding : 0; font-weight : bold;}
    #backoffice .infos { padding:1em 10px 1em 18px; background-color:#f8f8f8; border:solid #ddd; border-width:1px 0; margin-bottom:1em; clear:both; }
    #backoffice .infos h2 { float:left; margin:0; position:relative; }
    #backoffice .backofficeMenu{ color : #666666; float : right; text-align : right; }
    #backoffice .moderate { position:relative; float:left; }
    #backoffice .moderate .jewelCount { background-color:#f03d25; border:1px solid #dd3822; position:absolute; top:-4px; right:-12px; z-index:101; background-image:none; padding: 0 1px 1px; width:18px; }
    #backoffice .moderate .jewelCount .jewelCount_inner { display:block;padding:1px 1px 0}
    #backoffice .moderate .jewelCount > .jewelCount_inner { font-size:9px }
    #backoffice #indexAjax .nb_results { text-align:right; padding:0.5em }

/*
 * SCHOOLS =======================================
 ***/

/* CONFIGURE ACCESS */
#configure_access_box { max-width:580px; margin:0 auto }
    #configure_access_box label { color : #333333; }
    #configure_access_box .box { float:left; background-color:#fff; border:1px solid #ddd; overflow:hidden; padding:3px; }
    #configure_access_box .box .link { float:left; background-color:#f2f2f2; color:#333; text-decoration:none; padding:1em; min-height:76px; opacity:0.7; -khtml-opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
    #configure_access_box .box .link:hover { opacity:1; -khtml-opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
    #configure_access_box .sel { border-color:#bbb; }
    #configure_access_box .sel .link { opacity:1; -khtml-opacity:1; -moz-opacity:1; filter:alpha(opacity=100); background-color:#eaeaea; }
    #configure_access_box .box .link h2 { margin:0; color:#000; font-size:15px; font-weight:bold; }
    #configure_access_box .box .link h4 { margin:0; color:#555; font-weight:normal }
    #configure_access_box .box .link p { margin-bottom:0; }

/* Selector */
#configure_access_selector { border-bottom:solid 1px #E2E2E2; margin:2em 0 1em; padding-bottom:1em; }
    #configure_access_selector input { vertical-align:text-bottom; padding:0 2px 2px 0; width:15px; height:15px }

#configure_restriction { float:left; width:295px; }
    #configure_restriction {  }
    ul.configure_access_list li { display:inline-block; border:none; padding:0 3px; margin:0 4px; text-align : center; width : 40%; }
    ul.configure_access_list li p { text-align : center }
    #configure_network,
    #configure_maildomain { text-align : left; }
#current_restrictions_wrapper { float:right; max-width:270px }
    #current_restrictions {border:1px solid #ccc; padding:7px 10px; min-height:80px; margin-top:11px; background-color: #fff; margin-bottom:1em; width:248px; }
    #current_restrictions li {text-align : left; margin-left : 10px}
    #current_restrictions p {margin : 0 0 1em 0}

#fan_restriction { margin:2em 0 1em; }

/* MODERAE JOBS */
#moderate { border:1px solid #D8DFEA; border-bottom-color:#94A3C4; border-top:none; width:550px; }
    #moderate h3 { margin:0; position:static; }
    #moderate .text { padding:1em; }
    #moderate ul { margin:0; padding-left:18px; float:left; width:130px; height:28px; overflow:hidden; margin:0 13px 3px 0; }
    #moderate ul li a.other-job { overflow:hidden; }


/*
 * INSTALL =======================================
 ***/

#install_outer { overflow:hidden; position:relative; width:758px }
#install_outer { margin-top:2em !zonecss; }
#install_inner { width:640px; margin:0 auto; }
#install_content { background-color:#ededed; border-top:1px solid #d0d0d0; padding:15px 30px; margin-top:15px; }
    #install_content h3 { border-top:solid 1px #ccc; background-color:#f3f3f3; padding:7px 10px; }
    #install_content h3 span { font-weight:normal; display:block }
    #install_content hr { border-color:#ccc; }
    #install_content .divider { color:#888; font-size:13px; width:7px; padding:0 4px; margin-top:-1px; vertical-align:middle; }

/* permissions explanation page */
#perms { padding: 0; margin-bottom:15px }
 #perms h2 { margin-top:0; margin-bottom:0.75em }
 #perms .permsWrapper { padding: 2em 3em 1em; background-color:#FFF; border: 1px solid #D0D0D0 }
 #perms .permIcon {} /* see icons section for permIcon definitions */
 #perms .permDetail { margin: 0 0 2em 50px }

/* Step 1 */
#install_step1 {}
    #install_step1 h3 { margin:2em 0 0; border-bottom:solid 1px #ccc; font-size:12px; }
    #install_step1 .page { border-bottom:solid 1px #ddd; clear:both; padding:0.5em; display:block; height:50px; color:#000; }
    #install_step1 .page:hover,
    #install_step1 .selected { background-color:#f6f6f6; cursor:pointer; text-decoration:none }
    #install_step1 .page .content { padding-left:60px; display:block }
    #install_step1 .page .content .name { font-size:13px; font-weight:bold; }
    #install_step1 .page .link { color:#3B5998; float:right; }
    #install_step1 .page:hover .link { text-decoration:underline }


/*
 * CORPO =======================================
 ***/

#landing_page {}
    #landing_page .title { background-color:#f2f2f2; border-top:solid 1px #e2e2e2; padding:1em 0 1.5em; margin-bottom:1.5em }
    #landing_page .title h1 { font-size:20px; }
    #landing_page .title h5 { margin:0 }
    #landing_page #infos { float:left; width:242px; padding-right:8px; }
    #landing_page #infos .uiHeaderTop { margin-bottom:15px; margin-top:1em;}
    #landing_page #image { width:270px;; }
    #landing_page h2 { font-weight:normal; }
    #landing_page h2 i { margin-top:4px; }
    #landing_page h3 { border-top: 1px solid #94a3c4; margin: 1em 0pt; padding: 5px 8px; background: #eceff5 none repeat scroll 0pt 0pt; overflow: hidden; font-size: 12px; position: relative; }
    #landing_page h4 { color:#747477; margin-bottom:1em; font-size:14px; }
    #landing_page .font-normal { font-weight:normal !important; }
    #landing_page .grey { color:#777; font-size:11px; text-align:center; padding-top:0.5em }
    /* quickfix : hide buggy icons */
    #landing_page  #infos .uiHeaderTop .uiHeaderTitle  { padding-left:27px }
    #landing_page  #infos .uiHeaderTop i.uiHeaderImage { left:0 }
